<template>
	<view>
		<uni-list>
			<uni-swipe-action :options="options">
				<uni-list-item title="item1"show-arrow="false">
					</uni-list-item>
			</uni-swipe-action>
			<uni-swipe-action :options="options">
				<uni-list-item title="item2"show-arrow="false">
					</uni-list-item>
			</uni-swipe-action>
			<uni-swipe-action :options="options">
				<uni-list-item title="item3"show-arrow="false">
					</uni-list-item>
			</uni-swipe-action>
		</uni-list>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				swipeList: [],
				options: [{
					text: '标记为已读',
					style: {
						backgroundColor: 'rgb(254,156,1)'
					}
				}]

			}
		},
		onLoad() {
			this.swipeList = [{
					id: 0,
					content: 'item1'
				},
				{
					id: 1,
					content: 'item2'
				},
				{
					id: 2,
					content: 'item3'
				}
			]
		},
		methods: {

		}
	}
</script>

<style>
	page {
		width: 100%;
		height: 100%;
	}

	.content-box {
		flex: 1;
		/* #ifdef APP-NVUE */
		justify-content: center;
		/* #endif */
		height: 44px;
		line-height: 44px;
		padding: 0 15px;
		position: relative;
		background-color: #fff;
		border-bottom-color: #f5f5f5;
		border-bottom-width: 1px;
		border-bottom-style: solid;
	}
</style>
